<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>会员中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="../assets/i/favicon.png" />
    <link rel="stylesheet" href="../assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="../assets/css/app2.css" />
    <link rel="stylesheet" href="../assets/css/icon2.css"/>
    <style type="text/css">
        p{margin: 0;}
        ul, li{padding: 0;margin: 0;}
        .products-list ul li{color: #999999;padding: 0 15px;font-size: 14px;}
        .products-list ul li a.hear{color: #000000;font-weight: bold;}
        .products-list ul li input{border: none; height: 35px;width: 210px;}
        .products-list ul li span{color: #2dc22d}
        .products-list ul li.last{height: 100px}
        .am-divider-default{margin: 0;}
        .out{display: none;}
    </style>
</head>
<body>
<div class="products-list">
    <ul>
        <li><a href="#" class="hear">预约接车服务</a></li>
        <li><input type="text" placeholder="请输入您的姓名" /><span class="am-fr">必填</span></li>
        <li><input type="text" placeholder="联系电话" /><span class="am-fr">必填</span></li>
        <li><input type="text" placeholder="地址信息" /></li>
        <!--<li><input type="text" placeholder="地址信息" /></li>
        <li class="last">
            <div>
                <p class="change">普通2小时~3小时接送车服务
                <span class="am-fr">
                    <i class="ui-fonts icon-chevron-right am-fr down ">&#xe600;</i>
                    <i class="ui-fonts icon-chevron-right am-fr right out">&#xe601;</i>
                </span>
                </p>
                <hr class="am-divider am-divider-default">
                <p class="add">加急1.5小时内接送车服务+20元</p>
            </div>
        </li>-->
        <li><p class="change">普通2小时~3小时接送车服务
            <span class="am-fr">
                <i class="ui-fonts icon-chevron-right am-fr down ">&#xe600;</i>
                <i class="ui-fonts icon-chevron-right am-fr right out">&#xe601;</i>
            </span></p>
        </li>
        <li class="add"><p>加急1.5小时内接送车服务 <s style="color:#ef4437">+20元</s></p></li>
    </ul>
</div>
<section class="kuaikuai-btn2 am-topbar-fixed-bottom" style="height: 75px;">
    <button type="submit" class="btn am-btn am-btn-danger am-btn-lg am-btn-buy">预约接车</button>
</section>

<script src="../assets/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $('p.change').on('click', function() {
            if ($('.down').hasClass('out')) {
                $('.down').removeClass('out');
                $('.right').addClass('out');
            } else {
                $('.right').removeClass('out');
                $('.down').addClass('out');
            }

            $('.add').slideToggle('slow');
        });
    });
</script>
</body>
</html>